﻿<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SeachAndShareDemo.Views"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ViewModels="using:SeachAndShareDemo.ViewModels"
    x:Class="SeachAndShareDemo.Views.SearchResults"
    mc:Ignorable="d">

    <Page.DataContext>
        <ViewModels:SearchResultsViewModel/>
    </Page.DataContext>

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Hub>
            <Hub.Header>
                <StackPanel Orientation="Horizontal">
                    <Button Style="{StaticResource NavigationBackButtonNormalStyle}" VerticalAlignment="Center" Click="Button_Click" />
                    <TextBlock x:Name="PageTitle" Text="Search Results for {0}" Margin="40,0,0,0" />
                </StackPanel>
            </Hub.Header>
            <HubSection>
                <DataTemplate>
                    <GridView ItemsSource="{Binding Colors}" SelectionMode="None" IsItemClickEnabled="True" ItemClick="GridView_ItemClick">
                        <GridView.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal" Width="200">
                                    <Image Height="50" Width="50" Source="{Binding Thumb}" />
                                    <TextBlock VerticalAlignment="Center" Margin="10,0,0,0" FontSize="16" Text="{Binding Name}" FontFamily="Segoe UI Light" />
                                </StackPanel>
                            </DataTemplate>
                        </GridView.ItemTemplate>
                    </GridView>
                </DataTemplate>
            </HubSection>
        </Hub>
        <SearchBox x:Name="MySearchBox" VerticalAlignment="Top" 
			HorizontalAlignment="Right" Width="250" Margin="0,40,36,0" />
    </Grid>
</Page>
